
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

import '../provider/image_random_number.dart';

//过滤器item样式
class FilterItemStyle extends StatelessWidget {

  final Color selectedColor;//颜色
  final VoidCallback? onFilterSelected;//回调方法

  const FilterItemStyle({
    Key? key,
    required this.selectedColor,
    this.onFilterSelected
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GestureDetector(//手势识别的控件
      onTap: onFilterSelected,//自定义回调方法
      child: AspectRatio(//屏幕高宽比
        aspectRatio: 1.0,
        child: Padding(//内边距
          padding: const EdgeInsets.all(8.0),
          child: ClipOval(//椭圆形组件
            child: Image.asset(//加载本地图片
              //通过provider获取的值 拼接 图片地址
              'images/${context.watch<ImageRandomNumber>().randomNumber}.png',
              color: selectedColor.withOpacity(0.5),//颜色透明度
              colorBlendMode: BlendMode.hardLight,//颜色混合模式--高亮
            ),
          ),
        ),
      ),
    );
  }
}